<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" >

<head>
    <meta charset="UTF-8">
    <title>后台管理</title>
</head>
<script type="text/javascript" th:src="@{/jquery-2.1.4.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
<link type="text/css" rel="stylesheet" th:href="@{/bootstrap-3.3.7-dist/css/bootstrap.min.css}">
<script type="text/javascript" th:src="@{/bootstrap-treeview/bootstrap-treeview.min.js}"></script>
<link type="text/css" rel="stylesheet" th:href="@{/bootstrap-treeview/bootstrap-treeview.min.css}">
<script type="text/javascript" th:src="@{/bootStrap-addTabs/bootstrap.addtabs.min.js}"></script>
<link type="text/css" rel="stylesheet" th:href="@{/bootStrap-addTabs/bootstrap.addtabs.css}">
<script type="text/javascript" th:src="@{/bootstrap-table/bootstrap-table.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
<link type="text/css" rel="stylesheet" th:href="@{/bootstrap-table/bootstrap-table.min.css}">
<link type="text/css" rel="stylesheet" th:href="@{/bootstrap-fileinput/css/fileinput.css}">

<script type="text/javascript" th:src="@{/bootstrap-bootbox/bootbox.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap-fileinput/js/fileinput.min.js}"></script>
<script th:src="@{/bootstrap-fileinput/js/locales/zh.js}"></script>
<body >
<!-- 	导航栏 -->
<nav class="navbar navbar-inverse">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">后台管理</a>
        </div>
    </div>

</nav>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-3">
            <div id="myTree"></div>
            <div id="he-plugin-simple"></div>
        </div>
        <div class="col-md-9">
            <div id="myTabs" >
                <!-- 新选项卡 -->
                <ul class="nav nav-tabs" id="tablist" >
                    <li role="presentation" class="active"><a href="#home"
                                                              role="tab" data-toggle="tab">欢迎</a></li>
                </ul>
                <!-- 选项卡下内容 -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <div id="main" style="width: 600px;height:400px;"></div>
                        <div id="main1" style="width: 600px;height:400px;"></div>
                        <div id="main2" style="width: 600px;height:400px;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
<script type="text/javascript">
    $(function(){

        gettree()
    })



    /**
     * 树tree
     */
    function gettree(){

        $.ajax({
            url:"getTree",
            data:{pid:1},
            dataType:"json",
            success:function(data){
                $("#myTree").treeview({
                    data:data,
                    onNodeSelected:function(eval,node){
                        $.addtabs.add({
                            id:node.id,
                            title:node.text,
                            url:node.url
                            //url:node.url
                        })
                    }
                })
            }
        })
        $.addtabs({iframeHeight:900});
    }
</script>
<script>
    WIDGET = {
        CONFIG: {
            "modules": "01234",
            "background": 1,
            "tmpColor": "FFFFFF",
            "tmpSize": 16,
            "cityColor": "FFFFFF",
            "citySize": 16,
            "aqiSize": 16,
            "weatherIconSize": 24,
            "alertIconSize": 18,
            "padding": "10px 10px 10px 10px",
            "shadow": "1",
            "language": "auto",
            "borderRadius": 5,
            "fixed": "false",
            "vertical": "middle",
            "horizontal": "center",
            "key": "895d60ef28344f628cb18f38731a2660"
        }
    }
</script>
<script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
</html>